<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="http://at.alicdn.com/t/font_2812921_5mf0pvz91ec.js"></script>
    <link rel="stylesheet" href="../bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="css/meituan.css">
</head>

<body>
    <div class="vessel">
        <div class="wrap-header">
            <div class="header">
                <div class="header-position">
                    <strong>武汉</strong>
                    <span>
                        <svg class="icon">
                            <use xlink:href="#icon-xiala"></use>
                        </svg>
                    </span>
                    <div>晴 29℃</div>
                </div>
                <div class="header-search">
                    <span>
                        <svg class="icon">
                            <use xlink:href="#icon-sousuo"></use>
                        </svg>
                    </span>
                    <span>
                        壹品食客（外卖满20减7）
                    </span>
                </div>
                <div class="header-icon">
                    <span>
                        <svg class="icon">
                            <use xlink:href="#icon-voice"></use>
                        </svg>
                    </span>
                    <span>
                        <svg class="icon">
                            <use xlink:href="#icon-addTodo-nav"></use>
                        </svg>
                    </span>
                </div>
            </div>
            <div class="tool">
                <div>
                    <svg class="icon">
                        <use xlink:href="#icon-saoyisao"></use>
                    </svg>
                    <p>扫一扫</p>
                    
                </div>
                <div>
                    <svg class="icon">
                        <use xlink:href="#icon-fukuanma"></use>
                    </svg>
                    <p>付款码</p>
                </div>
                <div>
                    <svg class="icon">
                        <use xlink:href="#icon-hongbaokaquan"></use>
                    </svg>
                    <p>红包/卡券</p>
                    <div class="tip">享折扣</div>
                </div>
                <div>
                    <svg class="icon">
                        <use xlink:href="#icon-zihangchedancheqihangjiaotonggongjuxianxing"></use>
                    </svg>
                    <p>骑车</p>
                </div>
            </div>
        </div>
        <div class="content">
            <div>
                <svg class="icon">
                    <use xlink:href="#icon-waimai"></use>
                </svg>
                <p>骑车</p>
            </div>
            <div>
                <svg class="icon">
                    <use xlink:href="#icon-fenzu"></use>
                </svg>
                <p>骑车</p>
            </div>
            <div>
                <svg class="icon">
                    <use xlink:href="#icon-jiudian"></use>
                </svg>
                <div class="tip">直播价</div>
                <p>骑车</p>
            </div>
            <div>
                <svg class="icon">
                    <use xlink:href="#icon-meituan_xiuxianwanle"></use>
                </svg>
                <p>骑车</p>
            </div>
            <div>
                <svg class="icon">
                    <use xlink:href="#icon-dianyingyanchusaishi"></use>
                </svg>
                <p>骑车</p>
            </div>
            <div>
                <svg class="icon">
                    <use xlink:href="#icon-dache"></use>
                </svg>
                <div class="tip">享立减</div>
                <p>打车</p>
            </div>
            <div>
                <svg class="icon">
                    <use xlink:href="#icon-jingdianmenpiao"></use>
                </svg>
                <p>骑车</p>
            </div>
            <div>
                <svg class="icon">
                    <use xlink:href="#icon-gongyu"></use>
                </svg>
                <p>骑车</p>
            </div>
            <div>
                <svg class="icon">
                    <use xlink:href="#icon-yaoxiang"></use>
                </svg>
                <p>骑车</p>
            </div>
            <div>
                <svg class="icon">
                    <use xlink:href="#icon-huochepiaojipiao"></use>
                </svg>
                <p>骑车</p>
            </div>
            <div>
                <svg class="icon">
                    <use xlink:href="#icon-meituanyouxuan"></use>
                </svg>
                <div class="tip">直播价</div>
                <div class="tip">划算</div>
                <p>骑车</p>
            </div>
            <div>
                <svg class="icon">
                    <use xlink:href="#icon-guoshu"></use>
                </svg>
                <div class="tip">直播价</div>
                <div class="tip">送ipad</div>
                <p>骑车</p>
            </div>
            <div>
                <svg class="icon">
                    <use xlink:href="#icon-xianjin"></use>
                </svg>
                <p>骑车</p>
            </div>
            <div>
                <svg class="icon">
                    <use xlink:href="#icon-zuyu"></use>
                </svg>
                <p>骑车</p>
            </div>
            <div>
                <svg class="icon">
                    <use xlink:href="#icon-paotui"></use>
                </svg>
                <p>骑车</p>
            </div>
        </div>
        <div class="select">
            <div></div>
            <div class="select-header">
                <div>美团优选</div>
                <div>次日</div>
                <div>自提</div>
                <div>附近的***下单了</div>
            </div>
            <div class="fruit">
                <div>
                    <img src="images/ju.png" alt="">
                    <p>&yen 0.99</p>
                </div>
                <div>
                    <img src="images/pu.png" alt="">
                    <p>&yen 0.99</p>
                </div>
                <div>
                    <img src="images/you.png" alt="">
                    <p>&yen 0.99</p>
                </div>
                <div>
                    <img src="images/huo.png" alt="">
                    <p>&yen 0.99</p>
                </div>
                <div>
                    <img src="images/zhao.png" alt="">
                    <p>&yen 0.99</p>
                </div>
                <div>
                    <img src="images/shi.png" alt="">
                    <p>&yen 0.99</p>
                </div>
                <div>
                    <img src="images/mi.png" alt="">
                    <p>&yen 0.99</p>
                </div>
                <div>
                    <img src="images/yue.png" alt="">
                    <p>&yen 0.99</p>
                </div>
            </div>
        </div>
        <div class="footer">
            <div>
                <svg class="icon">
                    <use xlink:href="#icon-meituan"></use>
                </svg>
            </div>
            <div>
                <svg class="icon">
                    <use xlink:href="#icon-dianshang"></use>
                </svg> 
                <div class="tip">零食</div>
                <p>电商</p>
            </div>
            <div>
                <svg class="icon">
                    <use xlink:href="#icon-xiaoxi"></use>
                </svg>
                <p>消息</p>
            </div>
            <div>
                <svg class="icon">
                    <use xlink:href="#icon-wode"></use>
                </svg>
                <p>我的</p>
            </div>
        </div>
    </div>
    <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"
        integrity="sha384-nvAa0+6Qg9clwYCGGPpDQLVpLNn0fRaROjHqs13t4Ggj3Ez50XnGQqc/r8MhnRDZ" crossorigin="anonymous">
    </script>
    <script src="../bootstrap/js/bootstrap.js"></script>
</body>

</html>